<template>
	<div class="Serch">
		<div class="serchHeader">
			<input type="serch" placeholder="咖啡..." >
			<span @click="goback">取消</span>
		</div>
		<img src="" alt="">

	</div>
</template>

<script>
	export default{
		methods:{
			goback(){
				this.$router.go(-1)
			},

		}
	}
</script>

<style scoped="scoped" lang="less">
	.Serch{
		width: 100%;
		height: 36px;
		line-height: 20px;
		text-align: center;
		border: 1px solid rgba(187, 187, 187, 100);
		.serchHeader{
			display:flex ;
			align-items: center;
			justify-content: space-evenly;
			padding-top: 4px;
			box-sizing: border-box;
			
			input[type="serch"]{
				width: 85%;
				height: 24px;
				padding-left:20px;
				box-sizing: border-box;
				line-height: 20px;
				border-radius: 21px;
				background-color: rgba(222, 240, 253, 46);
				color: rgba(16, 16, 16, 50);
				font-size: 14px;
				text-align: left;
				font-family: Arial;
				border: 1px solid rgba(187, 187, 187, 100);
			}
		}
	}
</style>
